<html>
    <head>
        <title>内联模板</title>
    </head>
    <body>
        <script>
             //一、内联模板
                             /*
                                 当 inline-template 这个特殊的 attribute 出现在一个子组件上时，这个组件将会使用其里面的内容作为模板，
                                 而不是将其作为分发的内容。
                                 这使得模板的撰写工作更加灵活。

                                 例如：
                                   <my-component inline-template>
                                        <div>
                                            <p>These are compiled as the component's own template</p>
                                            <p>而不是父组件分发给 my-component的内容</p>
                                        </div>
                                   </my-component>
                             */
                             // 内联模板需要定义在Vue所属的DOM元素内。
                             /*
                                不过， inline-template 会让模板的作用域变得更加难以理解。
                                所以作为最佳实践，请在组件内优先选择 "template 选项 " 或者 .vue 文件里的一个<template>元素来定义模板。
                             */

        </script>
    </body>
</html>